<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
    <title>要融资，上微链！一个专注创业的社交平台！</title>
    <meta charset="utf-8">
    <meta name="baidu-site-verification" content="8W6opEWm4z" />
    <link rel="shortcut icon" href="http://fed.welian.com/3_welian/favicon.png" />
    <link rel="icon" href="http://fed.welian.com/3_welian/favicon.png" type="image/png" />
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css?v=2.7">
    <style type="text/css">
    .publish{
        border:1px solid #fff;
        border-radius: 5px;
        font-size: 14px;
        padding: 10px 9px;
    }
     .upload{
        border:1px solid #fff;
        border-radius: 5px;
        font-size: 14px;
        padding: 10px 9px;
    }
    .publish .iconv,.upload .iconv{
        margin-right:5px;
        position: relative;
        top: 2px;
    }
    </style>
</head>

<body>
    <div class="page page1">
        <div class="container">
            <div class="nav">
                <a class="logo" href="http://www.welian.com">
                    <img src="http://fed.welian.com/3_welian/logo_pc.png">
                </a>
                <ul class="menu">
                     <!-- <li>
                        <a href="http://www.welian.com">首页</a>
                    </li>
                   <li>
                        <a href="http://project.welian.com" target="_blank">项目</a>
                    </li>
                    <li>
                        <a href="http://active.welian.com" target="_blank">活动</a>
                    </li>
                    <li>
                        <a href="http://invest.welian.com" target="_blank">投资</a>
                    </li>
                    <li>
                        <a href="http://toutiao.welian.com" target="_blank">创业头条</a>
                    </li> -->
                    <li>
                        <a href="http://my.welian.com" target="_blank" class="publish">
                        <span class="iconv"><img src='images/publish.png'></span><span>发布活动</span>
                        </a>
                    </li>
                    <li>
                        <a href="http://my.welian.com/project" target="_blank" class="upload">
                            <span class="iconv"><img src='images/upload.png'></span><span>上传BP</span>
                        </a>
                    </li>
                   <!--  <li>
                        <a href="/about" target="_blank">关于我们</a>
                    </li> -->
                </ul>
            </div>
            <div class="left">
                <div class="intro">
                    <h3><span>微链</span>专注于互联网创业的社交平台</h3>
                    <p>互联网创业，就是要开放协作。微链专注于互联网创业社交，链接创业者及创业者的朋友，让创业成为一种生活方式。</p>
                </div>
                <div class="download">
                    <a class="btn-download btn-download-iphone J_BtnDownload" data-os="iphone">iPhone版下载</a>
                    <a class="btn-download btn-download-android J_BtnDownload" data-os="android">Android版下载</a>
                </div>
            </div>
            <div class="right">
                    <img src="http://fed.welian.com/3_welian/www_pic1.png" class="pic pic1">
            </div>
        </div>
    </div>
    <div class="page page2">
        <div class="container">
            <div class="left">
                <img src="http://fed.welian.com/3_welian/www_pic2.png" class="pic pic2">
            </div>
            <div class="right">
                <div class="introduce">
                    <div class="title">
                        <h3>创业即链接</h3>
                        <p>Entrepreneurship means link</p>
                    </div>
                    <div class="desc">链接有梦想的创业者，链接有眼光的投资人</div>
                </div>
            </div>
        </div>
    </div>
    <div class="page page3">
        <div class="container">
            <div class="left">
                <div class="introduce">
                    <div class="title">
                        <h3>分享即传播</h3>
                        <p>Sharing means spread</p>
                    </div>
                    <div class="desc">分享创业的一切，互动产生价值，传播发酵更多</div>
                </div>
            </div>
            <div class="right">
                <img src="http://fed.welian.com/3_welian/www_pic3.png" class="pic pic3">
            </div>
        </div>
    </div>
    <div class="page page4">
        <div class="container">
            <div class="left">
                <img src="http://fed.welian.com/3_welian/www_pic4.png" class="pic pic4">
                
            </div>
            <div class="right">
                <div class="introduce">
                    <div class="title">
                        <h3>发现即可能</h3>
                        <p>Discovery means possibility</p>
                    </div>
                    <div class="desc">发现潜在的机会，为创业制造更多可能</div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="copyright">
                <a href="http://www.welian.com">首页</a><span class="line">|</span><a href="http://www.welian.com/about" class="about">联系我们</a>
                <span>Copyright &copy</span><span>weLian.com.</span><span>All rights reserved.</span><span>浙ICP备14032648号</span>
            </div>
        </div>
    </footer>
    <div class="backdrop J_BackDrop">
        <div class="dialog">
            <div class="dialog-title">
                <span class="icon-close J_DialogClose"></span>
            </div>
            <div class="dialog-content">
                <div class="qrcode">
                    <img src="http://www.welian.com/Index/qrcode/from/">
                </div>
                <div class="desc">扫码二维码下载</div>
                <div class="dialog-download J_DialogDownload">
                    <div class="split"><span>or</span>
                    </div>
                    <div class="dialog-btn">
                        <a class="btn-download" href="http://welian.com/app/welian.apk">Android版下载</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.J_BtnDownload').click(function() {
        $('.J_BackDrop').fadeIn();
        if ($(this).data('os') == 'android') {
            $('.J_DialogDownload').show();
        } else {
            $('.J_DialogDownload').hide();
        }
    });
    $('.J_BackDrop').click(function(e) {
        if ($(e.target).hasClass('backdrop')) {
            $('.J_BackDrop').fadeOut();
        }
    });
    $('.J_DialogClose').click(function() {
        $('.J_BackDrop').fadeOut();
    });
});
</script>

</html>